<template>
    <div>
        <ul class="footer">
            <li>首页</li>
            <li>社区</li>
            <li>消息</li>
            <li>我的</li>
        </ul>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
ul{
    height: 50px;
    width: 100%;
    background: rgb(126, 219, 154);
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    box-sizing: border-box;
    padding: 0;
}
</style>